
<div class="jumbotron">
  <h5 class="my-3">父组件与子组件通过本地变量互动</h5>
  <p>父组件不能使用数据绑定来读取子组件的属性或调用子组件的方法。但可以在父组件模板里，新建一个本地变量来代表子组件，然后利用这个变量来读取子组件的属性和调用子组件的方法。</p>
</div>

<hr />

<h5 class="my-3">父组件</h5>
<pre><code [highlight]="code.htmlCode"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode"></code></pre>
</div>

<hr />
<h5 class="my-3">子组件</h5>
<pre><code [highlight]="code.htmlCode1"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode1"></code></pre>
</div>